* {
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}
.header-user {
    height: 100px;
    div {
        height: 50px;
        font-size: 20px;
        line-height: 50px;
        input {
            height: 40px;
            width: 230px;
            border: 1px solid #E1E1E1;
            padding-left: 10px;
            font-size: 16px;
        }
    }
}
.User {
    width: 100%;
    //border: 1px solid #EFEFEF;
    padding: 0 20px;

    .header {
        display: flex;
        height: 88px;
        align-items: center;

        input {
            padding-left: 10px;
            width: 230px;
            height: 40px;
            margin-right: 20px;
            border-radius: 5px;
            border: 1px solid #E1E1E1;
            &:focus{
                outline-color: #379CFF;
            }
        }

        .btn {
            width: 100px;
            height: 40px;
            margin-right: 20px;
            border-radius: 5px;
            background-color: #379CFF;
            color: #fff;

        }
        .btn1 {
            height: 40px;
            margin-right: 20px;
            border-radius: 5px;
            width: 130px;
            background-color: #65C144;
            color: #fff;
        }
        
    }

    //主体
    .subject {
        width: 100%;

        ul {
            display: flex;
            align-items: center;
            height: 60px;
            border-bottom: 1px solid #EFEFEF;

            li {
                flex: 1;
                line-height: 60px;
                color: #808487;

                &:last-child {
                    display: flex;
                    justify-content: space-evenly;
                }

                button {
                    border: 0;
                    height: 30px;
                    background-color: #fff;
                    color: #7997EF;
                    line-height: 30px;
                }
            }

            &:nth-child(1) {
                li {
                    color: #95999C;
                    font-size: 24;
                    font-weight: 700;

                    &:last-child {
                        display: flex;
                        justify-content: center;
                    }
                }
            }
        }
    }

    //页脚
    .footer {
        width: 100%;
        height: 80px;
        display: flex;
        align-items: center;
    }
}